/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

/*
首先你需要了解 ES2015 （也叫作 ES6）——这是一套对 JavaScript 的语法改进的官方标准。
*/

/*
示例中的这一行<View><Text>Hello world!</Text></View>恐怕很多人看起来也觉得陌生。
这叫做 JSX——是一种在 JavaScript 中嵌入 XML 结构的语法。
*/

/*
上面的示例代码中，使用的是内置的<Text>组件，它专门用来显示文本，而<View>就类似 html 中的div或是span这样的容器。
*/

/*
组件本身结构可以非常简单——唯一必须的就是在render方法中返回一些用于渲染结构的 JSX 语句。
*/

import React, {
  Component
} from 'react';

import {
  AppRegistry,
  Text,
  View,
  Image,

} from 'react-native';

export default class MyAppTest extends Component {
  render() {
    let pic = {
      uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
    };
    return (
      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
          <Text>Hello, world!</Text>
          <Image source={pic} style={{width: 193, height: 110}} />
        </View>
    );
  }
}



AppRegistry.registerComponent('MyAppTest', () => MyAppTest);